<template>
    <div class="component-label">
        <img src="../assets/headlines.svg">
        {{text}}
    </div>
</template>

<style lang="less" scoped>

    @import '../style/variable';
    
    .component-label{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        height: 4.5rem;
        line-height: 4.5rem;
        font-size: 1.4rem;
        padding-right: 1.4rem;
        img{
            vertical-align: bottom;
            height: 1.3rem;
            margin: 1.6rem .7rem 1.6rem 1.2rem;
        }
    }
    
</style>

<script>
    export default {
        props: ['text', 'icon']
    }
</script>